<?php
require_once "../funciones.php";
$con = con_intranetpccom();
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" href="../css/redmond/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" media="screen" href="../css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="../css/ui.multiselect.css" />
        <script src="../js/jquery.js" type="text/javascript"></script>
        <script src="../js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
        <script src="../js/i18n/grid.locale-sp.js" type="text/javascript"></script>
        <script src="../js/jquery.jqGrid.min.js" type="text/javascript"></script>
        <script src="../js/ui.multiselect.js" type="text/javascript"></script>
        <title>Crear Incidencia</title>
        <style>
            .oculto{
                display: none;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function (){
                //variables
                $("#desde").datepicker({dateFormat:"yy-mm-dd"});
                $("#hasta").datepicker({dateFormat:"yy-mm-dd"});
                
                //Grilla equipos con valores diferentes
                jQuery("#list").jqGrid({
                    url:'',
                    datatype: 'xml',
                    colNames:['Inc','Fecha - Hora','Descripcion','Estado','Respuesta'],
                    colModel :[
                        {name:'reqId', index:'reqId', width:75,align:"center"},
                        {name:'reqFec',index:'reqFec', width:175,align:"center"},
                        {name:'reqDes', index:'reqDes', width:340,align:"rigth",editable:true},
                        {name:'estado', index:'estado', width:100,sortable:false,align:"center"},
                        {name:'res', index:'res', width:340,sortable:false,align:"left",editable:true}
                    ],
                    pager: jQuery('#pager'),
                    rowNum:30,
                    rowList:[30,50,100],
                    sortname: 'reqId',
                    viewrecords: true,
                    sortorder: "asc",
                    forceFit : true,
                    cellEdit: true,
                    cellsubmit: 'clientArray',
                    editurl: 'prueba.php',
                    height: "75%",
                    caption: 'INCIDENCIAS GENERADAS POR <?PHP echo $_SESSION['caweb']['name']; ?> '
                }).navGrid('#pager',{edit:false,add:false,del:false,search:false});
                jQuery("#list").jqGrid('gridResize',{minWidth:350,maxWidth:1800,minHeight:80, maxHeight:1800});

                $("#crear").click(function(){
                    if($("#des").val() == "")
                        alert("La descripcion es obligatoria");
                    else if($("#sis").val().length == 0)
                        alert("Seleccione un Sistema");
                    else if($("#sis").val() == 7 && $("#interno").val() =="")
                        alert("Digite el numero del interno");
                    else{
                        $("#formrq").submit();
                        $(this).attr("disabled", "disabled");
                    }
                    return true;
                });

                $("#consultar").click(function(){
                    jQuery('#list').jqGrid('setGridParam',{url: '../scripts/adminRq.php?opc=3&desde=' + $('#desde').val() + "&hasta=" + $('#hasta').val() + "&reqId=" + $("#reqId").val()}).trigger('reloadGrid')
                }); //fin $("#hasta").click(function(){


                $("#btnconsultar").click(function(){
                    if($(this).val() == "Consultar Incidencia"){
                        $("#divcrear").css("display", "none");
                        $("#divconsultar").css("display", "block");
                        $(this).val("Crear Incidencia");
                    }
                    else{
                        $("#divcrear").css("display", "block");
                        $("#divconsultar").css("display", "none");
                        $(this).val("Consultar Incidencia");
                    }
                }); //fin $("#btnconsultar").click(function(){

                //Control de la seleccion del sistema
                $("#sis").change(function(){
                    if($(this).val() == 7){//Selecciona sistema HelpDesk
                        $(".oculto").css("display", "block");
                    }
                    else{
                        $(".oculto").css("display", "none");
                    }
                });

            }); //fin $(document).ready(function (){
            
            function valor(){
                if(!$("#archivo").val().match(/.csv$/)){
                    alert("Solo es permitido archivos csv");
                    $('#crear').attr("disabled","disabled");
                    return false;                    
                }
                else{
                    $('#crear').removeAttr("disabled");
                    return true;
                }
            }
        </script>
    </head>

    <body>
        <div id="divcrear">
        <fieldset title="Registrar RQ">
            <legend>Crear Incidencia</legend>
        <div id="mensajes" style="color: #FF0000"></div>
        <form name="formrq" id="formrq" method="post" action="../scripts/adminRq.php?opc=1" enctype="multipart/form-data">
            <table >
                <caption>CREACION INCIDENCIAS</caption>
                <tr>
                    <td><label for="sis">Sistema</label> </td>
                    <td>
                        <select id="sis" name="sis">
                            <option value="" >Seleccione</option>
                            <?php
                            $sql = "select * from sistemas order by sisNombre";
                            $result = mysql_query($sql);
                            while ($row = mysql_fetch_array($result)) {
                                if($row['sisId'] == 7 && $_SESSION['caweb']['empresa'] != 'pccom')
                                    continue;
                                echo "<option value='".$row['sisId']."' title='{$row['sisDescripcion']}'>".$row['sisNombre']."</option>";
                            }
                            ?>
                        </select>
                    </td>
                    <td class="oculto"><label for="interno">Interno</label> </td>
                    <td class="oculto">
                        <input type="text" name="interno" id="interno" />
                    </td>
                </tr>
                <tr>
                    <td><label for="des">Descripcion</label> </td>
                    <td colspan="3"><textarea id="des" name="des" cols="70" rows="4" title="Describa brevemente la incidencia"></textarea> </td>
                </tr>
                <tr>
                    <td><label for="archivo">Archivo Relacion</label> </td>
                    <td colspan="3"><input type="file"  id="archivo" name="archivo" size="50" onchange="valor();" title="Archivo relacion a la incidencia" /> </td>
                </tr>
                <tr align="center">
                    <td colspan="4">
                        <input type="button" value="Crear" name="crear" id="crear" />
                        <input type="reset" value="Cancelar" name="cancela" id="cancela" />
                    </td>
                </tr>
            </table>
        </form>
        </fieldset>
            </div>
        <input type="button" value="Consultar Incidencia" style="font-size: 16; font-style: italic;" id="btnconsultar" />
        <div id="divconsultar" style="display: none;">
        <fieldset title="Consultar Incidencias">
            <legend>Consultar Incidencia</legend>
            <table border="2" style="border-style: hidden;" align="center">
                <caption>PARAMETROS DE LA CONSULTA</caption>
                <tr>
                    <td><label for="reqId">Incidencia No</label></td>
                    <td colspan="3"><input type="text" name="reqId" id="reqId" size="8"/></td>
                </tr>
                <tr align="center">
                    <td><label for="desde">Fecha Desde </label></td>
                    <td><input type="text" name="desde" id="desde" size="9" /></td>
                    <td><label for="hasta">Fecha Hasta</label></td>
                    <td><input type="text" name="hasta" id="hasta" size="9" /></td>
                </tr>
                <tr>
                </tr>
                <tr align="center">
                    <td colspan="4">
                        <input type="button" Value="consultar" id="consultar" />
                    </td>
                </tr>
            </table>
            <div id="pager" class="scroll" style="text-align:center;"></div>
            <table id="list" class="scroll"></table>
        </fieldset>
            </div>
        <br />
        <table align="center">
            <tr>
                <th><h2 style="font-weight: bolder;font-family: cursive;color: #007ED1">SOPORTE</h2></th>
            </tr>
            <tr>
                <td><a href="../descargas/soporte.exe"><img src="../images/soporte-online.jpg" alt="Programa Para Soporte en Linea(Unicamente Bajo Windows,temporalmente)" title="Programa Para Soporte en Linea(Unicamente Bajo Windows,temporalmente)"/></a> </td>
            </tr>
        </table>
    </body>
</html>